<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>osn-render</title>
    <style>
        #app {
            display: flex;
        }

        #old-display-el {
            width: 500px;
            height: 400px;
            border: 1px solid red;
            margin-right: 10px;
        }

        #new-display-el {
            width: 500px;
            height: 400px;
            border: 1px solid green;
        }
    </style>
</head>
<body>
<div id="app">
    <div>
        <h2>old-display-el</h2>
        <div id="old-display-el" style="">old-display-el for native gui</div>
    </div>
    <div>
        <h2>new-display-el</h2>
        <div id="new-display-el">new-display-el for buffer/canvas</div>
    </div>
</div>
<script src="./render.js"></script>
</body>
</html>
